<!doctype html>
<html class="no-js" lang="en">
    <head>    
        <%= common_head  %>
    </head>     
    <body>
        <div class="header" >
            <%= nav_bar %>
        </div>

        <div class="intro" >
            some weex show
        </div>

        <div class="demo-cover">
            <div class="demo-cover">
                <div class="row">
                    <div class="small-4 columns" data-url="//alibaba.github.io/weex/doc/demo/hello-world.html">
                        <div>
                            <img src="img/demo/start-1.png" />
                        </div>
                        <div class="demo-title">Hello World</div>
                    </div>
                    <div class="small-4 columns" data-url="//alibaba.github.io/weex/doc/demo/modal_collection.html" >
                        <div>
                            <img src="http://gtms01.alicdn.com/tps/i1/TB1BR.3MXXXXXbTXpXXOxa1_pXX-622-1104.jpg" />
                        </div>
                        <div class="demo-title">Modal Collection</div>
                    </div>
                    <div class="small-4 columns" data-url="//alibaba.github.io/weex/doc/demo/animation.html">
                        <div>
                            <img src="http://gtms02.alicdn.com/tps/i2/TB19xUQMXXXXXc0XFXX0xzaVVXX-640-1112.gif" />
                        </div>
                        <div class="demo-title">Animation</div>
                    </div>
                </div>
                <div class="row">
                    <div class="small-4 columns" data-url="//alibaba.github.io/weex/doc/demo/mine_sweeper.html"  >
                        <div>
                            <img src="http://gtms04.alicdn.com/tps/i4/TB1dX3LMXXXXXbDXVXXcprE6XXX-618-1103.jpg" />
                        </div>
                        <div class="demo-title">Mine Sweeper</div>
                    </div>
                    <div class="small-4 columns"  data-url="http://alibaba.github.io/weex/doc/demo/mine_sweeper.html" >
                        <div>
                            <img src="http://gtms03.alicdn.com/tps/i3/TB1pQENMXXXXXaLXVXXkIFHLVXX-624-1105.jpg" />
                        </div>
                        <div class="demo-title">Weex Calcuator</div>
                    </div>
                    <div class="small-4 columns" data-url="//alibaba.github.io/weex/doc/demo/skeleton_animation.html"  >
                        <div>
                            <img src="http://gtms04.alicdn.com/tps/i4/TB1XnwPMXXXXXXbXVXXBMpHLVXX-624-1106.gif" />
                        </div>
                        <div class="demo-title">Skeleton Animation</div>
                    </div>
                </div>
            </div>
        </div>
  </body>
  <%= footer_resource %>
  <script>
   $(".demo-cover [data-url]").click(function(e){
       window.location =  e.currentTarget.dataset["url"]
   })
  </script>
</html>
